<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>tb_check_status_index</title>

    <!-- JS -->
    <script type="text/javascript" th:src="@{/myconfig/bootstrap/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/myconfig/bootstrap/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/myconfig/layui/layui.js}"></script>

    <!-- CSS -->
    <link th:href="@{/myconfig/bootstrap/css/bootstrap.min.css}" type="text/css" rel="stylesheet" media="all">
    <link th:href="@{/myconfig/layui/css/layui.css}" type="text/css" rel="stylesheet" media="all">
</head>
<body>
    <h3>进程类型管理</h3>
    <!-- 数据表格 -->
    <table class="layui-hide" id="listItems" lay-filter="items"></table>

    <script th:inline="none">
        /* 分页查看所有区级事项 */
        layui.use('table', function() {
            var table = layui.table;
            var $ = layui.$;
            $.ajax({
                type: "get",
                url: "CheckStatus/selAll", // 数据接口
                success: function (result) {
                    var data = result.data;
                    table.render({
                        id:'items',
                        elem: '#listItems',
                        title:'进程类型表',
                        toolbar: '#listItemsToolbar',
                        data: data,
                        height: 520,
                        cols: [[
                            {type: 'radio',width: '6%'}
                            , {field: 'checkStatusId', title: 'ID', sort: true, width: '32%', align: 'center'}
                            , {field: 'statusName', title: '进程类型', width: '32%', align: 'center'}
                            , {field: 'color', title: '颜色', width: '32%', align: 'center'}
                        ]],
                        page: true, //是否显示分页
                        limits: [5, 10, 15,20], //每页显示个数
                        limit: 10, //每页默认显示的数量
                        group:5   //页码最多显示个数
                    });
                }
            });
        });
    </script>
</body>
</html>